<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>社区团购后台管理系统</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
<!--    <script type="text/javascript" src="./js/xadmin.js"></script>-->
<!--    需要联网-->
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

</head>
<body class="login-bg">
    
    <div class="login">
        <div class="message">社区团购后台管理系统</div>
        <div id="darkbannerwrap"></div>
        
        <form class="layui-form" >
            <input name="username" placeholder="账号"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
            layui.use(['form','layer'], function(){
              var $ = layui.jquery,form = layui.form,layer = layui.layer;
              form.on('submit(login)', function(data){
                  // alert("开始请求接口")
                  // alert(JSON.stringify(data.field))
                  $.ajax({
                      url:'/admin/login',
                      type:'POST',
                      // dataType:'JSON',
                      dataType:'JSON',
                      // data:JSON.stringify(data.field),
                      data:data.field,
                      success:function(res){
                          if (res.state == 200) {
                              alert("登录成功！");
                              console.log(res)
                              $.cookie("avatar", res.data.avatar, {expires: 7});
                              console.log("cookie中的avatar=" + $.cookie("avatar"));
                              location.href = "index.html";
                              // location.href = "welcome.html";
                          } else {
                              alert("登录失败！");
                          }
                      },
                  })
                  return false;//阻止表单跳转
                });

              })
    </script>
</body>
</html>